/*Media Queries*/
@media(max-width:768px){
    #description{
        margin-bottom:10% !important;
    }
    #formInnerWrapper{
        margin-top:5% !important;
    }
    .formInput{
        margin-bottom:30% !important;
    }
    #materialForm{
        margin-top:10% !important;
    }
}

@media(max-width:480px){
    .formInput{
        margin-bottom:70% !important;
    }
}

body{
    
    font-family: 'Lato', sans-serif;
}
.flatButton{
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.4);
    border:none;
    text-align:center;
}
.green{
    background-color:#1DE9B6;
}
.fa-check{
    float: right;
    margin-left:85%;
    position: absolute;
    z-index:0;
    transition: all .2s;
    color: #1DE9B6 !important;
}
#formOutterWrapper{
    margin-top:2%;
    padding:0;
}
#formInnerWrapper{
    margin-top:25px;
    background-color:#ffffff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 2px;
    height:820px;
}
#materialForm{
    margin-top:2%;
}
#formInnerWrapper h2
{
    color: #fafafa;
    letter-spacing: 0;
    text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135
}
#description{
    margin-bottom:5%;
}


input, label{
    display:block;
}
label{
    color:#212121;
    position:absolute;
    font-size:20px;
    font-weight:400;
    transition: all .2s
}
input{
    margin-top:10px;
}
.formInput{
    background-color:transparent;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:2px solid #E1E1E1;
    width:100%;
    margin-bottom:40px;
    color:#8C8C8C;
}

input:focus{
    outline:none;
    color:#3498db;
    border-bottom:2px solid #2980b9;
    -webkit-transition:border-bottom .5s;
    -moz-transition:border-bottom .5s;
    -ms-transition:border-bottom .5s;
     -o-transition:border-bottom .5s;
    transition:border-bottom .5s;
}
.activeY{
    transform:translateY(-140%);
    font-size:14px;
    background-color: white;
    color: black !important; ;
}

/*#submit:hover{*/
    /*background-color:#18E997;*/
/*}*/
#close{
    display:block;
    position:absolute;
    cursor:pointer;
    left:5px;
    z-index:999;
    margin-right:0;
    padding-right:0;
    padding-left:0;
    color:#ffffff;
}
#close:hover{
    color:#c0392b;
}
#email-error,#addr-error,#tel-error,#name-error,#id_card-error,#money-error{
    color: red;
    margin-left:5px ;
    top: 50%;
    font-size: 12px;
    position: absolute;

}
.poss{
    margin-left: 125px;
}
.iradio_square-blue{
    margin-left: 20px !important;
}
.thumbnail{
    float: left;
    width: 10%;
}


/* 文件上传 */
.dropzone {
    height: 200px;
    border: 1px solid #5d5d5d;
    background-color: #191919;
    padding: 20px 20px;
    border-radius: 4px;
}
.dropzone .dz-default.dz-message {
    font-size: 14px;
}
.dropzone .dz-preview.dz-image-preview {
    background: #191919;
}
.dropzone .dz-preview .dz-remove {
    margin-top: 5px;
    border-radius: 4px;
    color: #fff;
    background: #d15b47;
}
.marginmin{
    margin-bottom:15px ;
}
.btn-widthsize{
    width: 20%!important;
}